<link rel="stylesheet" href="https://file.viplgw.cn/ui/thinku-ielts-new/css/activeDetail.css?v=1.1">

<section id="activeDetail">
    <p class="headlineTitle"><a href="/">首页</a> > <a href="/active.html">雅思活动</a> > 正文</p>
    <div class="headlineCover">
        <div class="headlineLeft">
            <div class="headArticleName">
                <h1 class="articleTitle"><?php echo $active['name']?></h1>
                <div class="articleAuthCover">
                    <div class="articleAuth">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/13@2x.png" alt="">
                        <span class="authName"><?php $active['author']?></span>
                        <span class="authTime"><?php echo $active['startTime']?><?php echo $active['endTime']!=false?'-'.$active['endTime']:''?></span>
                    </div>
                    <p class="lookNum"><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/3@2x.png" alt=""><span><?php echo $active['viewCount']?></span></p>
                </div>
            </div>
            <!-- 正文内容-->
            <div class="articleContent">
               <?php echo $active['introduction']?>
            </div>
            <!-- 资讯推荐-->
            <div class="infoRecommon">
                <p class="recommonTitle">资讯推荐</p>
                <?php foreach($recommend as $v){?>
                <a href="<?php echo $v['cate']==3?'/news-headline/'.$v['id'].'.html':'/news-information/'.$v['id'].'.html'?>" class="recommonItem" >
                    <p><?php echo $v['name']?></p>
                    <span><?php echo $v['author']==false?'申友':$v['author']?>发布于<?php echo $v['pushTime']==false?date('Y-m-d',$v['createTime']):date('Y-m-d',$v['pushTime'])?></span>
                </a>
                <?php }?>
            </div>
        </div>
        <div class="headlineRight">
            <!-- 体验课程 -->
            <div class="experienceCourse">
                <div class="experienceContent">
                    <p class="experienceTitle">报名雅思活动</p>
                    <p class="experiencePrice">领取<span>199</span>雅思备考大礼包</p>
                    <input type="text" v-model="phone" class="phoneNum" placeholder="请输入您的手机号码">
                    <div class="phoneCodeCover">
                        <input type="text" v-model="code" class="phoneCode" placeholder="验证码">
                        <a href="javascript:void(0)" class="codeBtn" @click="getCode">{{text}}</a>
                    </div>
                    <a href="javascript:void(0)" class="upBtn" @click="submitSure">一键领取礼包</a>
                    <p class="experienceWords">如有疑问，可在线咨询老师，给您最详细的解答</p>
                </div>
                <!-- 成功 -->
                <div class="upSuccess" v-if="successPhone" @click="successPhone = false" v-cloak>
                    <p class="wechatNum">【shenyouielts】</p>
                    <div class="upSuccessWords">
                        <p>请添加小助手微信，回复【备考礼包】</p>
                        <p>免费领取<span>199</span>雅思备考 <br> 大礼包</p>
                    </div>
                </div>
            </div>

            <!-- 官方公众号 -->
            <div class="official">
                <div class="wechatOfficial">
                    <div class="wechatItem">
                        <p>官方公众号</p>
                        <p>【申友雅思与英联邦留学】</p>
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/56@2x.png" alt="">
                    </div>
                    <div class="wechatItem">
                        <p>官方微信</p>
                        <p>【thinkU077】</p>
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/index_slices/xuezhang.png" alt="">
<!--                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/67.jpg" alt="">-->
                    </div>
                </div>
                <div class="wechatItemBtn">扫码领取免费资料福利/咨询更多课程</div>
            </div>
            <!-- 电话 -->
            <div class="phone">
                <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/20@2x.png" alt="">
                <p class="numberCode">
                    <span>服务热线</span>
                    <span>400-600-1123</span>
                </p>
            </div>
            <!-- 重点推荐 -->
            <div class="hotCourseCover">
                <div class="rightTitle">
                    <p>重点推荐</p>
<!--                    <a href="https://ielts.thinkwithu.com/gaofen.html">MORE <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/4@2x.png" alt=""></a>-->
                </div>
                <div class="keyPoint">
                    <?php foreach($focus as $v){?>
                        <a href="<?php echo $v['url']?>" class="keyPointItem"><p></p><span><?php echo $v['name']?></span></a>
                    <?php }?>
<!--                    <a href="https://ielts.thinkwithu.com/guide.html" class="keyPointItem"><p></p><span>雅思考试报名</span></a>-->
<!--                    <a href="https://ielts.thinkwithu.com/guide.html" class="keyPointItem"><p></p><span>雅思考试费用</span></a>-->
<!--                    <a href="https://ielts.thinkwithu.com/course.html" class="keyPointItem"><p></p><span>雅思精品课程</span></a>-->
<!--                    <a href="https://ielts.thinkwithu.com/ceshi.html" class="keyPointItem"><p></p><span>雅思水平测试</span></a>-->
<!--                    <a href="https://ielts.thinkwithu.com/ceshi.html" class="keyPointItem"><p></p><span>雅思核心词汇</span></a>-->
<!--                    <a href="https://ielts.neea.cn/" class="keyPointItem"><p></p><span>雅思报名官网</span></a>-->
<!--                    <a href="https://ielts.thinkwithu.com/ceshi.html" class="keyPointItem"><p></p><span>雅思听力评分</span></a>-->
<!--                    <a href="https://ielts.thinkwithu.com/ceshi.html" class="keyPointItem"><p></p><span>雅思阅读评分</span></a>-->
                </div>
            </div>
        </div>
    </div>
</section>

<script src="https://file.viplgw.cn/ui/thinku-ielts-new/js/activeDetail.js?v=1.1"></script>
<script>
    let time = 0;
    let timer = ''
    $(function (){
        timer = setInterval(function (){
            time ++
        },1000)
    })
    window.onbeforeunload  = function (e) {
        e = e || window.event;
        clearInterval(timer);
        console.log(time)
        _czc.push(['_trackEvent','雅思活动','查看详情','<?php echo $active['name']?>',time])
    };
</script>
